{literal}
<script type="text/javascript" language="javascript">
var urlEditar = '{/literal}{$_site.url}{$urlEditar}{literal}';
var urlApagar = '{/literal}{$_site.url}{$urlApagar}{literal}';
var urlMarcarLido = '{/literal}{$_site.url}{$urlMarcarLido}{literal}';
var urlMarcarCumprida = '{/literal}{$_site.url}{$urlMarcarCumprida}{literal}';
function irPara(pag)
{
	document.form_busca.pag.value = pag;
	jqAjaxForm(document.form_busca, "div_tabela");
}
function anterior()
{
	irPara(parseInt(document.form_busca.pag.value)-1);
}
function proximo()
{
	irPara(parseInt(document.form_busca.pag.value)+1);
}
function editar(codigo)
{
	document.form_acao.action = urlEditar;
	document.form_acao.codigo.value = codigo;
	document.form_acao.acao.value = "editar";
	jqAjaxForm(document.form_acao, "div_form");
}
function excluir(codigo)
{
	document.form_acao.action = urlApagar;
	document.form_acao.codigo.value = codigo;
	document.form_acao.acao.value = "apagar";
	jqAjaxForm(document.form_acao, "div_form");
}
function lerAtividade(id_tr)
{
	$("#"+id_tr).show();
}
function escondeMensagem(id_tr)
{
	$("#"+id_tr).hide();
}

/*function marcarCumprida(codigo)
{
	document.form_acao.action = urlMarcarCumprida;
	document.form_acao.codigo.value = codigo;
	document.form_acao.acao.value = "marcar-cumprida";
	jqAjaxForm(document.form_acao, "div_tabela");
}*/

function marcarCumprida(codigo)
{
	$("#trObsMsg"+codigo).show();
	var observacao = $("#obs_msg_" + codigo).val();
	
	if(observacao != "")
    {
		$("#msgObsObrigatorio"+codigo).html('');

		document.form_acao.action = urlMarcarCumprida;
		document.form_acao.codigo.value = codigo;
		document.form_acao.observacao.value = observacao;
		document.form_acao.acao.value = "marcar-cumprida";
		jqAjaxForm(document.form_acao, "div_form");
		
    }else{
    	$("#msgObsObrigatorio"+codigo).html('<font color="red" class="brod">&nbsp;&nbsp;<b><i>Obrigatorio</i></b></font>');
	}
	
}
$("#data_inicio").datepick({showOn: 'both'});
$("#data_fim").datepick({showOn: 'both'});

$("#data_inicio").mask("99/99/9999");
$("#data_fim").mask("99/99/9999");

$("#lnkGerarCSV").click(function(){
	var params = $("#form_busca").serialize();
	window.location.href = "atividade/gerar-csv/?" + params;
});

</script>
{/literal}
	<form name="form_acao" id="form_acao" action="#" method="post">
		<input type="hidden" name="codigo" id="codigo" value=""/>
		<input type="hidden" name="acao" id="acao" value=""/>
		<input type="hidden" name="template_secundario" id="template_secundario" value="tabela-todas-atividades"/>
		<input type="hidden" name="observacao" id="observacao" value=""/>
	</form>
	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="2" class="alpha">
      <tr>
        <td colspan="9" class="mvTituloFundo">Todas as Atividades</td>
      </tr>
      <tr>
        <td colspan="9" align="center">
	        <form name="form_busca" id="form_busca" action="{$_site.url}atividade/tabela-todas-atividades" method="post" onsubmit="irPara(document.form_busca.pag.value); return false;">
	        	
				<table width="100%">
	        		<tr>
	        			<td class="fundoTituloForm bordaFormResp" width="15%">Remetente</td>
	        			<td class="bordaFormResp" width="35%"><input type="text" name="remetente" id=remetente" value="{$buscaRemetente}" class="formulario tamanhoForm"/></td>
	        			<td class="fundoTituloForm bordaFormResp" width="15%">Destinat&aacute;rio</td>
	        			<td class="bordaFormResp" width="35%"><input type="text" name="destinatario" id=destinatario" value="{$buscaDestinatario}" class="formulario tamanhoForm"/></td>
	        		</tr>
	 				<tr>
	        			<td class="fundoTituloForm bordaFormResp" width="15%">Per&iacute;odo da atividade</td>
                 		<td valign="top" class="bordaFormResp" colspan="3">de:&nbsp;<input type="text" name="data_inicio" id="data_inicio" class="formulario" size="10" value="{$data_inicio}">&nbsp;&nbsp;&agrave;:&nbsp;<input type="text" name="data_fim" id="data_fim" class="formulario" size="10" value="{$data_fim}"></td>
					</tr>
	 				<tr>
                 		<td valign="top" class="bordaFormResp" colspan="6" align="center"><input type="submit" value="Buscar" class="botao"/></td>
					</tr>
	        	</table>
				<input type="hidden" name="pag" id="pag" value="{$pag}"/>
				<input type="hidden" name="acao" id="acao" value="todas"/>
				
			</form>
		</td>
      </tr>
      <tr>
        <td colspan="9" align="center">
        	<div style="width:100%; postion:relative">
	        	<div style="text-align:center; width:85%; float:left"><b>{$total}</b> encontrados, exibindo de <b>{$inicio}</b> a <b>{$fim}</b></div>
	        	<div style="text-align:right; width:15%; float:right"><span id="lnkGerarCSV"><b>Exportar para</b> &nbsp;<img src="{$_site.url}/public/images/ic-xls.gif" border="0" align='top' style="cursor:pointer">&nbsp;</span></div>
        	</div>
        </td>
      </tr>
      <tr>
        <td valign="top" width="20%" class="paddingTotal3 bgCarla bold">Remetente</td>
        <td valign="top" width="20%" class="paddingTotal3 bgCarla bold">Destinatario</td>
        <td valign="top" width="30%" class="paddingTotal3 bgCarla bold">Assunto</td>
        <td valign="top" width="15%" class="paddingTotal3 bgCarla bold">Data</td>
        <td valign="top" width="15%" class="paddingTotal3 bgCarla bold">Data Realizada</td>
        <td colspan="2" align="center" valign="top" class="paddingTotal3 bgCarla bold">A&ccedil;&atilde;o</td>
      </tr>
      {foreach name=lista from=$atividades item=atividade key=k}
      <tr>
        <td onclick="lerAtividade('msg{$k}');" style="cursor:pointer" alt="Abrir mensagem" title="Abrir atividade" valign="top" class="fundoTituloForm">{$atividade->vhr_remetente}</td>
        <td onclick="lerAtividade('msg{$k}');" style="cursor:pointer" alt="Abrir mensagem" title="Abrir atividade" valign="top" class="fundoTituloForm">{$atividade->vhr_destinatario}</td>
        <td onclick="lerAtividade('msg{$k}');" style="cursor:pointer" valign="top" class="fundoTituloForm">{$atividade->vhr_assunto}</td>
        <td onclick="lerAtividade('msg{$k}');" style="cursor:pointer" valign="top" class="fundoTituloForm" nowrap="nowrap">{$atividade->dte_data|date_format:"%d/%m/%Y %Hh%Mm"}</td>
        <td onclick="lerAtividade('msg{$k}');" style="cursor:pointer" valign="top" class="fundoTituloForm" nowrap="nowrap">{$atividade->dte_cumprida|date_format:"%d/%m/%Y %Hh%Mm"}</td>
        {if $usuarioLogado == $atividade->remetente_id}
        <td width="20" align="center" valign="top" class="fundoTituloForm">
        	{if $atividade->bln_cumprida == 0}
        	<a href="#" onclick="editar('{$atividade->id}'); return false;"><img src="{$_site.url}public/images/ic-cadastrar.gif" alt="Alterar" border="0" title="Alterar"/></a>
        	{else}
        	<a href="#" onclick="return false;"><img src="{$_site.url}public/images/ic-cadastrar-desabilitado.gif" alt="Alterar" border="0" title="Alterar"/></a>
        	{/if}
        </td>
        <td width="20" align="center" valign="top" class="fundoTituloForm"><a href="#" onclick="excluir('{$atividade->id}'); return false;"><img src="{$_site.url}public/images/ic-excluir.gif" alt="Excluir" border="0" title="Excluir"/></a></td>
      	<td align="center" valign="top" class="fundoTituloForm">{if $atividade->bln_cumprida == 0}<span onclick="marcarCumprida('{$atividade->id}');" style="cursor:pointer;"><img src="{$_site.url}public/images/ic-ativar.gif" title="Marcar como cumprida" alt="Marcar como cumprida"></span>{else}<span><img src="{$_site.url}public/images/ic-asterisco.gif" title="Cumprida" alt="Cumprida"></span>{/if}</td>
      	{else}
      	<td colspan="2" align="center" valign="top" class="fundoTituloForm">{if $atividade->bln_cumprida == 0}<span onclick="marcarCumprida('{$atividade->id}');" style="cursor:pointer;"><img src="{$_site.url}public/images/ic-ativar.gif" title="Marcar como cumprida" alt="Marcar como cumprida"></span>{else}<span><img src="{$_site.url}public/images/ic-asterisco.gif" title="Cumprida" alt="Cumprida"></span>{/if}</td>
      	{/if}
      </tr>
      <tr id="trObsMsg{$atividade->id}" style="display:none">
      	<td colspan="9" class="bordaFormResp">
      		Descreva o que foi realizado<br>
      		<textarea rows="7" cols="140" id="obs_msg_{$atividade->id}" class="formulario" name="obs_msg_{$atividade->id}"></textarea><span id="msgObsObrigatorio{$atividade->id}"></span>
      	</td>
      </tr>
      <tr style="display:none" id="msg{$k}" alt="Fechar" title="Fechar">
      	<td colspan="9" class="bordaFormResp paddingLeft25 paddingRight25 paddingBottom20" onclick="escondeMensagem('msg{$k}')" style="cursor:pointer">
      		{$atividade->txt_texto}<br><br>
      		<b>Atividade realizada</b>:<br>{$atividade->vhr_observacao}
      	</td>
      </tr>
      {/foreach}
      <tr>
        <td colspan="9" align="center">{if $pag gt 1}
		<a href="#" onclick="irPara('1'); return false;"><<</a> 
		<a href="#" onclick="anterior(); return false;"><</a> 
	{else}
		<<  < 
	{/if}
	{section name=foo start=1 loop=$totalPag+1}
		{if $smarty.section.foo.index eq $pag}
			<font color="red">{$smarty.section.foo.index}</font>
		{else}
			<a href="#" onclick="irPara('{$smarty.section.foo.index}'); return false;">{$smarty.section.foo.index}</a>
		{/if}
		{if $smarty.section.foo.index lt $totalPag}
		|
		{/if}
	{/section}
	{if $pag lt $totalPag}
	<a href="#" onclick="proximo(); return false;">></a> 
	<a href="#" onclick="irPara('{$totalPag}'); return false;">>></a>
	{else}
	>  >>
	{/if}</td>
      </tr>
    </table>
